<!doctype html>
<html>
<head>
<meta charset="utf-8"/>
<title>觉晓编辑器 demo </title>
<link href="http://assets.taobaocdn.com/tbsp/reset-grids.css?t=20090602.css" rel="stylesheet"/>
<!--[if lt IE 8]>
<link href="http://a.tbcdn.cn/s/kissy/1.1.5/editor/theme/cool/editor-pkg-min-mhtml.css?t=201010281013" rel="stylesheet"/>
<![endif]-->
<!--[if gte IE 8]><!-->
<link href="http://a.tbcdn.cn/s/kissy/1.1.5/editor/theme/cool/editor-pkg-min-datauri.css?t=201010281013" rel="stylesheet"/>
<!--<![endif]-->

</head>
<body>

<h1>KISSY Editor Demo</h1>

<div style="width: 90%; margin: 0 auto">
    <label for="editor">Editor Instance 1:</label>
    <textarea id="editor" tabindex="1" style="width:100%;height:400px;">
        <p>测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试
            测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测
            试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测
            试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试
            测试测试测试测试测试测试测试</p>
    </textarea>

</div>

<script src="http://a.tbcdn.cn/s/kissy/1.1.5/kissy-min.js?t=201010281013"></script>
<script src="http://a.tbcdn.cn/s/kissy/1.1.5/editor/editor-all-pkg-min.js?t=201010281013"></script>

<script>


    KISSY.ready(function(S) {
        // just for test

        S.use('editor', function() {


            S.Editor("#editor", {
                customStyle:"p{text-indent:2em;}",
                attachForm:true,
                //编辑器内弹窗z-index底线，防止互相覆盖
                baseZIndex:10000,
                pluginConfig: {
                    "image":{
                        upload:{
                            //返回格式
                            //正确：{imgUrl:""}
                            //错误：{error:""}
                            //中文 \uxxxx 转义
                            serverUrl:"/code/upload/upload.jsp",
                            serverParams:{
                                xx:"yy"
                            },
                            fileInput:"Filedata",
                            sizeLimit:1000,//k
                            extraHtml:"<p style='margin-top:5px;'><input type='checkbox' name='ke_img_up_watermark_1'> 图片加水印，防止别人盗用</p>"
                        }
                    },

                    "draft":{
                        interval:5,
                        limit:10,
                        helpHtml:  "<div " +
                                "style='width:200px;'>" +
                                "<div style='padding:5px;'>草稿箱能够自动保存您最新编辑的内容，" +
                                "如果发现内容丢失，" +
                                "请选择恢复编辑历史</div></div>"
                    },
                    "resize":{
                        // direction:["y"]
                    }
                }
            }).use("sourcearea,preview," +
                    "separator," +
                    "undo,separator,removeformat,font,format,forecolor,bgcolor,separator," +
                    "list,indent,justify,separator,link,image,flash,smiley," +
                    "separator,table,resize,draft,pagebreak,separator,maximize"
                    , function() {
                var editor = this;
                var b3 = new S.Editor.TripleButton({
                    container:editor.toolBarDiv,
                    title:"去除所有链接",
                    text:"<span style='padding:5px;'>去除所有链接</span>"
                });

                editor.on("sourcemode", function() {
                    b3.disable();
                });

                editor.on("wysiwygmode", function() {
                    b3.enable();
                });

                b3.on("offClick", function() {
                    var as = S.makeArray(editor.document.getElementsByTagName("a"));
                    for (var i = 0; i < as.length; i++) {
                        S.DOM._4e_remove(as[i], true);
                    }
                    alert("所有链接已去除");
                });


            });
        });
    });
</script>
</body>
</html>